<template>
  <div class="word-enter">

  </div>
</template>

<script lang="ts">
import { Vue, Options } from 'vue-property-decorator';
interface Pos{
  x: number,
  y: number
}
@Options({ components: {} })
export default class WordEnter extends Vue {
  public rect: DOMRect|null = null;

  public mounted() {
    this.rect =  (this.$el as HTMLElement).getBoundingClientRect();
  }
}
</script>

<style lang="postcss" scoped>
  .word-enter{
    touch-action: none;
    position: absolute;
    left: 0;top: 0;
    width: 100%;height: 100%;
    background: #1c1c1c;
 .canvas{
      position: absolute;
      left: 0;top: 0;
      width: 100%;height: 100%;
       :deep(canvas){
        width: 100%;height: 100%;
      }
    }
  }
</style>
